<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>v-for指令</title>
   <script src="../js/vue.js"></script>
</head>
<body>
   <div id="app">
    <ul>
        <li v-for="(book,index) in books">{{index}}-{{book.title}}</li>
    </ul>
   </div>
</body>
  <script>
      var vm = new Vue({
          el:"#app",
          data:{
            books:[
                {title:"Vue 无难事"},
                {title:"VC++深入详解"},
                { title:"Servlet/JSP 深入详解" }
            ]
          }
        })
  </script>
</html>